<!--
 * @Author: CNN 969682281@qq.com
 * @Date: 2024-01-17 10:46:24
 * @LastEditors: 陈妮娜 969682281@qq.com
 * @LastEditTime: 2024-04-25 16:28:15
 * @FilePath: \zdgy\zdgy\src\components\sampleManage\fieldSampling\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div
    class="rawMaterial"
    style=" display: flex;
    flex-direction: column;!important"
  >
    <FormLyout
      @yj_saveForm="yj_saveForm"
      :isSave="isSave"
      :changeBtn="changeBtn"
    >
      <template v-slot:formcon>
        <div class="baseTable">
          <publicForm
            ref="publicForm"
            lableWidth="100px"
            :formObj="formObj"
            :formData="formData"
            :selected="selected"
            @selectChange="selectChange"
            @inputFocus="inputFocus"
            @clickDialog="clickDialog"
          >
          </publicForm>
        </div>
      </template>
    </FormLyout>

    <!-- WBS -->
    <el-dialog
      width="1060px"
      title="选择WBS"
      
      :visible.sync="dialogEditVisible_wbs"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        id="longLable"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div style="overflow-y: auto; margin-bottom: 10px; height: 100%">
          <el-table
            ref="multipleTable"
            :data="tableData_Wbs"
            style="width: 100%"
            height="100%"
            lazy
            :load="treeLoad"
            :tree-props="{
              children: 'children',
              hasChildren: 'fHaschildren',
            }"
            row-key="fNodeid"
            v-loading="loading"
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.2)"
            :row-class-name="tableRowClassName"
            border
            stripe
            highlight-current-row
            @current-change="handleCurrentChange"
          >
            <el-table-column
              fixed
              type="index"
              label="序号"
              width="50"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="fName"
              label="工程部位"
              min-width="200"
              style="display: flex"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fName">
                  {{ scope.row.fName }}
                </a>
              </template>
            </el-table-column>

            <el-table-column
              prop="fStartstationtype"
              label="开始桩号类型"
              align="center"
              width="100"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fStartstationtype">
                  {{ scope.row.fStartstationtype }}
                </a>
              </template>
            </el-table-column>
            <el-table-column
              prop="fStartstationkilometers"
              label="开始桩号公里数"
              align="center"
              width="110"
            >
              <template slot-scope="scope">
                <a
                  href="javascript:;"
                  :title="scope.row.fStartstationkilometers"
                >
                  {{ scope.row.fStartstationkilometers }}
                </a>
              </template>
            </el-table-column>
            <el-table-column
              prop="fStartstationmeters"
              label="开始桩号长度(米)"
              align="center"
              width="120"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fStartstationmeters">
                  {{ scope.row.fStartstationmeters }}
                </a>
              </template>
            </el-table-column>

            <el-table-column
              prop="fEndstationtype"
              label="结束桩号类型"
              align="center"
              width="100"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fEndstationtype">
                  {{ scope.row.fEndstationtype }}
                </a>
              </template>
            </el-table-column>
            <el-table-column
              prop="fEndstationkilometers"
              label="结束桩号公里数"
              align="center"
              width="110"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fEndstationkilometers">
                  {{ scope.row.fEndstationkilometers }}
                </a>
              </template>
            </el-table-column>
            <el-table-column
              prop="fEndstationmeters"
              label="结束桩号长度(米)"
              align="center"
              width="120"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fEndstationmeters">
                  {{ scope.row.fEndstationmeters }}
                </a>
              </template>
            </el-table-column>

            <el-table-column
              prop="fWbsstructuretype"
              label="结构类型"
              align="center"
              width="110"
            >
              <template slot-scope="scope">
                <a href="javascript:;" :title="scope.row.fWbsstructuretype">
                  {{ scope.row.fWbsstructuretype }}
                </a>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="newlyAdded_btn" v-if="btnShow">
          <el-button :disabled="isLock" type="primary" @click="saveFrom()">
            保存
          </el-button>
          <el-button type="warning" @click="deleFrom()">关闭</el-button>
        </div>
      </div>
    </el-dialog>
    <!-- WBS -->

  
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>